:global {
  .is-active {
    background: black;
    color: white;
  }

  // .node-formula{
  //   display: inline-block;
  // }

  
  ::selection {
    background: #1890ff!important;
    // color: blue!important;
  }

  /* Basic editor styles */
  .ProseMirror {
    &:focus {
      outline: none;
    }
  }

  .node-content{
    >span{
      &:nth-of-type(2){
        display: none;
      }
    }
  }

}

.editor {
  background-color: #fff;
  border: 3px solid #0d0d0d;
  border-radius: 0.75rem;
  color: #0d0d0d;
  display: flex;
  flex-direction: column;
  max-height: 26rem;

  .divider {
    background-color: rgba(#000, 0.1);
    height: 1.25rem;
    margin-left: 0.5rem;
    margin-right: 0.75rem;
    width: 2px;
  }

  .header {
    align-items: center;
    border-bottom: 3px solid #0d0d0d;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    padding: 0.25rem;
    .menuItem {
      background-color: transparent;
      border: none;
      border-radius: 0.4rem;
      color: #0d0d0d;
      height: 1.75rem;
      margin-right: 0.25rem;
      padding: 0.25rem;
      width: 1.75rem;

      svg {
        fill: currentColor;
        height: 100%;
        width: 100%;
      }

      &:hover,
      &.isActive {
        background-color: #0d0d0d;
        color: #fff;
      }
    }
  }

  .content {
    height: 16rem;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.25rem 1rem;
    -webkit-overflow-scrolling: touch;
  }
}

.latexHtml {
  cursor: pointer;
  display: inline-block;
  padding: 4px;
  // background-color: rgb(150, 211, 252);
 
}
